<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>
    var oo = { name: '', age: 0, father: { name: '', age: 10 } }
    //new Proxy(对象，{set，get})实现了对象的整体监听，不需要再写循环遍历+递归调用
    //new Proxy 本质是对原有对象进行一层暴躁，生成一个新的包装对象，这个包装对象实现了对象的监听（并不是直接对原有对象进行监听）

    //ooo是原有对象oo的代理对象
    var ooo = new Proxy(oo, {
        set: () => { console.log('修改了'); },
        get: () => { console.log('获取了'); }
    })
</script>